<template  :style="{ '--colorPrimary': color.primary }">
	<b-layout-index>
		<navbar title=" ئامبار تۈرۈنى تاللاڭ "></navbar>
		<view class="pd-20">
			<view @click="itemClick(item.id,item)" class="mg-top-50 bg-white  br-rd-10 "
				:class="{'activeB':active==item.id}" v-for="(item,index) in datalist">
				<u-cell :customStyle="{alignItems:'flex-start'}">
					<view slot="title" class="font-size-16" :class="{'activeB':active==item.id}">{{item.name}}</view>
					<view slot="label" class="font-size-12 color-label" :class="{'activeB':active==item.id}">
						{{item.remark}}
					</view>
					<view slot="icon" class="pd-5 aaa">
						<iconfont :icon="item.icon" :color="active==item.id?'#fff':item.color" :size="item.size" />
					</view>

				</u-cell>
			</view>


			<view class="mg-top-30">
				<u-button @click="send" :color="color.primary" :disabled="active==-1" type="primary" class="br-rd-10" text="جەزىملەشتۈرۈش ">
				</u-button>

			</view>
		</view>
	</b-layout-index>
</template>

<script>
	import {
		getFindByList,
		getByAgentInValidConfig
	} from '@/api/agent.js'
	export default {
		data() {
			return {
				datalist: [{
						id: 0,
						name: " نەق مال ئېلىش ",
						remark: " سېتىۋالغاندىن كېيىن سىز سېتىۋالغان نەق مالنىڭ ھەممىسى سىزنىڭ قولىڭىزغا يېتىپ بارىدۇ ",
						icon: "icon-dengdaifahuo",
						size: 40,
						color: "#bf359d"
					},
					{
						id: 1,
						name: " بۇلۇت  ئامبارغا ماش كىرگۈزۈش ",
						remark: " سېتىۋالغاندىن كېيىن سىز سېتىۋالغان مال قولىڭىزغا بارمايدۇ ، بەلكىم مېلىڭىز مۇشۇ سىستېمىدىكى بۇلۇت ئامباردا ساقلىنىپ تۇرىدۇ  سىز مالغا ئېھتىياجلىق بولغاندا ئۆزىڭىزنىڭ بۇلۇت ئامىرىغا كىرىپ  مال ئەكەلدۈرۈش دېگەن كۇنۇپكىنى چېكىپ ئۆزىڭىزنىڭ ئېھتىياجىغا قارىتا مال ئەكەلدۈرسىڭىز بولىدۇ ",
						icon: "icon-yunkongjian",
						size: 42,
						color: "blue"
					}
				],
				active: -1,
				selected: {},
				agentPrice: 0,
				agentId: 0,
				upgrade: 0,
				level: 0
			}
		},
		onLoad: function({
			id = 0,
			price = 0,
			upgrade = 0,
			level = 0
		}) {
			uni.removeStorageSync("shopStorege")
			var agentId = id
			var agentPrice = price
			agentId = parseInt(agentId)

			if (isNaN(agentId)) {
				agentId = 0;
			}
			this.level = level
			this.upgrade = upgrade
			this.agentPrice = agentPrice
			this.agentId = agentId;
			this.getConfigData();
		},
		methods: {
			getConfigData: function() {
				var the = this;
				var agentPrice = this.agentPrice
				getByAgentInValidConfig(this.agentId).then(res => {
					agentPrice = agentPrice - res.reduceUpgradePrice
					console.log(res)
					the.agentPrice = agentPrice;
					//reduceUpgradePrice
				})
			},
			itemClick: function(id, item) {
				if (id == 1 && this.level < 3) {
					uni.$u.toast(' دەرىجىڭىز تۈۋەن بۇلۇت ئامبارغا ساخلىيالمايسىز ')
				} else {
					this.active = id;
					this.selected = item;
				}
			},
			send: function() {
				var item = this.selected
				var url = "shoppinglist?name=" + item.name + "&cloudType=" + item.id + "&price=" + this.agentPrice +
					"&agentId=" + this.agentId + "&upgrade=" + this.upgrade;
				console.log(url)
				uni.navigateTo({
					url: url
				})

			}
		}
	}
</script>

<style>
	.activeB {
		background-color: var(--color-primary) !important;
		color: #fff !important;
	}

	.aaa {
		align-items: flex-start;
	}
</style>
